﻿<!DOCTYPE html>
<!--<html manifest="default.manifest">-->
<html >
<head>
<title>ZX-WEBAPP</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<link href="css/logozx.png"  rel="apple-touch-icon" />
<link rel="stylesheet" type="text/css" href="css/icons1.2.css" /> 
<link rel="stylesheet" type="text/css" href="css/jq.ui.less1.2.css" title="default"/>
<style>
	.scrollBar{background:white;}
    h3 {text-align:center; font-size:35px;}
    ul.iconLinks li {font-size:12px; font-weight:normal;}
    .listbutton {
        display:block;
        border:1px solid black;
        color:black;
        background:orange;
        border-radius:5px;
        width:80%;
        text-decoration:none;
        text-align:center;
        margin:auto;
        margin-bottom:10px;
        height:30px;
        line-height:30px;
    }
    .class16 {
        background:green;
        color:red;
    }
	.jqmscrollBar {background:white !important;}	
</style> 
<script type="text/javascript" charset="utf-8" src="js/jq.mobi.min1.2.js"></script>  
<script>
    function loadedPanel(what)
    {
        jq.ui.hideMask();
        if (what.id == "firstpage" || what.id == "webloading")
        {
            jq("#navbar").hide();
            if (what.id == "webloading")//设置登陆窗口居中
            {
                var widleft = (parseInt(what.clientWidth) - 300) / 2;
                jq("#divlogin").css("marginLeft", widleft + "px");
                Checklogin();
            }
        }
        if (what.id == "webhome")
        {
            GetTaskCount();
        }

        if (what.id != "webloading")
        {
            $.ui.clearHistory();
        }
    }
    function unloadedPanel(what)
    {
        console.log("unloaded " + what.id);
    }

    if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window))
    {
        var script = document.createElement("script");
        script.src = "plugins/jq.desktopBrowsers.js";
        var tag = $("head").append(script);
        if (!$.os.ie)
        {
            //	$.os.desktop=true;
            //	$.feat.nativeTouchScroll=true;
        }
        var script = document.createElement("script");
        script.src = "js/touch.js";
        var tag = $("head").append(script);
        $.os.android = true;
        $.os.desktop = true;
    }
    var oldElem = "default";
    function setActiveStyleSheet(title)
    {
        var a = document.getElementsByTagName("link");
        var currElem;

        if (title == oldElem.getAttribute("title") || oldElem == "default")
            return;
        for (i = 0; i < a.length; i++)
        {

            if (a[i].getAttribute("title") == title)
            {
                currElem = a[i];
            }
            else if (!a[i].getAttribute("disabled") && a[i].getAttribute("title"))
                oldElem = a[i];
        }

        currElem.removeAttribute("disabled");
        jq.ui.showMask();
        window.setTimeout(function ()
        {
            jq.ui.hideMask();
            oldElem.setAttribute("disabled", "true");
        }, 500);
    }
    $(document).ready(function ()
    {
        oldElem = document.getElementsByTagName("link")[0];
    });
</script>
<script type="text/javascript" charset="utf-8" src="./plugins/jq.debug.js"></script> 
<script type="text/javascript" charset="utf-8" src="./plugins/jq.swipe.js"></script> 
<script type="text/javascript" charset="utf-8" src="./plugins/jq.carousel.js"></script> 
<script type="text/javascript" charset="utf-8" src="./plugins/jq.drawer.js"></script> 
<script type="text/javascript" charset="utf-8" src="./plugins/jq.shake.js"></script> 
<script type="text/javascript" charset="utf-8" src="./plugins/jq.alphatable.js"></script> 
<script type="text/javascript" charset="utf-8" src="./plugins/jq.template.js"></script> 
<script type="text/javascript" charset="utf-8" src="./ui/jq.ui1.2.js"></script>
<script type="text/javascript">
    /* This function runs once the page is loaded, but appMobi is not yet active */
    var webRoot = "./css/";
    $.ui.autoLaunch = false;
    $.ui.openLinksNewTab = false;
    $.ui.resetScrollers = false;
    var init = function ()
    {
        $.ui.backButtonText = "后退";
        window.setTimeout(function () { $.ui.launch(); }, 300);
        //$.ui.removeFooterMenu(); This would remove the bottom nav menu
    };
    document.addEventListener("DOMContentLoaded", init, false);
    $.ui.ready(function () { });

    /* This code is used to run as soon as appMobi activates */
    var onDeviceReady = function ()
    {
        AppMobi.device.setRotateOrientation("portrait");
        AppMobi.device.setAutoRotate(false);
        webRoot = AppMobi.webRoot + "css/";
        //hide splash screen
        AppMobi.device.hideSplashScreen();
        $.ui.blockPageScroll(); //block the page from scrolling at the header/footer

    };
    document.addEventListener("appMobi.device.ready", onDeviceReady, false);
</script>
 <script type="text/javascript" charset="utf-8" src="./js/public.js"></script>
</head>
<body>
<div id="jQUi">
<!-- this is the splashscreen you see. -->
    <div id="splashscreen" class='ui-loader'>
        <br><br>
        <span class='ui-icon ui-icon-loading spin'></span><h1 >欢迎使用中旭管理系统<br />正在登陆，请稍候...</h1>
    </div>
    <div id="header">
    </div>

<div id="content">
    <div title='中旭管理系统' id="firstpage" class="panel" selected="true" data-load="loadedPanel" data-unload="unloadedPanel" data-tab="navbar_home">
	    <h2 class='expanded' onclick='showHide(this,"indexintrod");'>系统简介</h2>
		<p id='indexintrod'>欢迎使用《中旭管理系统-移动版》，该版本根据最新 HTML5 技术、采用WebAPP展示方式，实现真正的跨平台应用，
        支持苹果、安卓、WP8等主流操作系统，你，无需下载安装，无需时时更新，只需使用浏览器，即可轻松访问！</p>
        <h2  style=" text-align:center;"><a class="button" href="javascript:loadsys('m');" >登陆移动版</a></h2><br /> <h2  style=" text-align:center;"><a class="button" href="javascript:loadsys('z');" >讲师填写总结入口</a></h2><br />
		<h2 style="  font-size:medium; text-align:center;" onclick='loadsys("p");'>使用电脑桌面版</h2>
	</div> 

    <div title="中旭管理系统" class="panel" data-load="loadedPanel" data-unload="unloadedPanel"
        id="webloading"><p></p>
       <div id="divlogin" class="jqPopup" style=" float:right;">
            <div>
                <div style="width: 1px; height: 1px; -webkit-transform: translate3d(0,0,0); float: right">
                </div>
                账 号:
                <input id="username" type="text" style=" width:65%;" class="jq-ui-forms"><br>
                密 码:
                <input id="password" type="password" style=" width:65%;"  class="jq-ui-forms" style="webkit-text-security: disc"></div>
            <footer>
            <input type="checkbox" checked="checked" value="CSS3" id="css3" class="jq-ui-forms" /><label for="css3">记住</label>
            <button class="button" id="action" type="submit"  onclick="login();">登 陆</button>
            <button class="button" id="cancel" onclick="cancel();">取 消</button>
        </footer>
        </div>
    </div>

    <div title='中旭管理系统' id="webhome" class="panel" data-load="loadedPanel"
                data-unload="unloadedPanel" data-footer='footerui'>
                <input id="daibanyeshu" type="hidden" value="1" />
                <h2 class='expanded' onclick='showHide(this,"P1");'>
                    欢迎使用中旭管理系统-移动版</h2>
                <p id='P1'>
                    移动版《中旭管理系统》，本期提供 审批功能，致力于方便中旭伙伴随时随地办公。</p>
                <ul>
                <li><a id="litaskcount"   href="javascript:LoadDaiban(0);" >待办事宜</a></li>
                <li><a    href="#notice"  >系统公告</a></li>
                <li><a    href="#setup" >系统设置</a></li>   
                </ul>
    </div>
	<div id="notice" title="系统公告" class="panel" ata-load="loadedPanel"
                data-unload="unloadedPanel" data-footer='footerui'>
                <h2 class='expanded' onclick='showHide(this,"notice1");'> 
                    系统公告</h2>
                <p id='notice1'>
                    主要功能：本期提供移动审批功能；由于本部门测试设备有限，初期难以兼容所有手机，如在使用过程中发现系统不可用、或有错误、或有意见、
                    建议可直接反馈给IT部何扬广（<a style=" color:Yellow" href= "javascript:window.location='tel:18688721152';" >18688721152</a>），谢谢！<br /><br />
                    支持设备：Android2.1以上（4.0以上有更好的体验）、IPHONE4.0以上以及Windows Phone 8等系统自带浏览器</p>
            </div>
    <div title="待办事宜" class="panel" id="webslider" data-load="loadedPanel"
                data-unload="unloadedPanel" data-footer='footeruidaiban'>
            <div style=" display:none;" id="webchildid"></div>
	    <script>
	        var myScroller;
	        $.ui.ready(function ()
	        {
	            myScroller = $("#webslider").scroller(); //Fetch the scroller from cache
	            //Since this is a jqUi scroller, we could also do
	            // myScroller=$.ui.scrollingDivs['webslider'];
	            myScroller.addInfinite();
	            myScroller.addPullToRefresh();
	            $.bind(myScroller, "refresh-trigger", function ()
	            {
	                this.setRefreshContent("更多内容");
	            });
	            var hideClose;
	            $.bind(myScroller, "refresh-release", function ()
	            {
	                var that = this;
	                this.setRefreshContent("加载...");
	                clearTimeout(hideClose);
	                hideClose = setTimeout(function ()
	                {
	                    console.log("hiding manually refresh");
	                    that.hideRefresh();
	                }, 1);
	                return false; //tells it to not auto-cancel the refresh
	            });

	            $.bind(myScroller, "refresh-cancel", function ()
	            {
	                clearTimeout(hideClose);
	                console.log("cancelled");
	            });
	            myScroller.enable();
	            $.bind(myScroller, "infinite-scroll", function ()
	            {
	                var self = this;
	                console.log("infinite triggered");
	                $(this.el).append("<div id='infinite' style='border:2px solid black;margin-top:10px;width:100%;height:20px'>加载更多...</div>");
	                $.bind(myScroller, "infinite-scroll-end", function ()
	                {
	                    //myScroller.scrollToBottom();
	                    $.unbind(myScroller, "infinite-scroll-end");
	                    setTimeout(function ()
	                    {
	                        freshpage();
	                        $(self.el).find("#infinite").remove();
	                        self.clearInfinite();
	                    }, 10);
	                });
	            });
	            $("#webslider").css("overflow", "auto+");
	        });
	    </script>
       
    </div>
    <div title="设置" id="setup" class="panel" data-load="loadedPanel"
                data-unload="unloadedPanel" data-footer='footerui'>
                <h2 class='expanded' onclick='showHide(this,"puserinfo");'>设置</h2>
                <p id="puserinfo"></p>
                <ul>
                    <li><a href="javascript:unload();" >注销账号</a></li>
                </ul>
                <br />
                <br />
            </div>
</div>
<footer id='footerui'>
      <a href="#webhome" id='A1' class='icon home'>首页</a>
      <a href="javascript:LoadDaiban(0);" id='a2' class="icon folder">待办事宜列表</a>
      <a href="#setup" id='A3' class="icon settings">设置</a>
</footer>
<footer id='footeruidaiban'>
      <a href="#webhome" id='A4' class='icon home'>首页</a>
      <a href="javascript:SelectDaiban();" id='A5' class="icon magnifier">查询</a>
      <a href="javascript:LoadDaiban(1);" id='A6' class="icon refresh">刷新</a>
</footer>
</div>
</body>
</html>
